<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>哔哩哔哩弹幕视频网 - ( ゜- ゜)つロ 乾杯~ - bilibili</title>

 <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <link rel="stylesheet" type="text/css" href="themes/default/easyui.css">
	<link rel="stylesheet" type="text/css" href="themes/icon.css">
	<script type="text/javascript" src="jquery.min.js"></script>
	<script type="text/javascript" src="jquery.easyui.min.js"></script>
   <script type="text/javascript">
   		$(function(){
   			$("#search").click(function(){
   				$.ajax({
   					url:'solr',
   					data:'foodname='+$("input[name='foodname']").val(),
   					dataType:'json',
   					success:function(jd){
   						$("div[name='c']").remove()
   						for(var i=0;i<jd.length;i++){
   							var html="<div name='c'>"+"<h3>"+jd[i].foodname+"</h3>"+"<span>"
   							+jd[i].foodname+"价格是："+jd[i].price+"</span>"+"<hr>"+"</div>";
   							$("#fooddiv").append(html)
   						}
   					}	
   				})
   			})	
   			
   		})
   		
   </script>
</head>
<body>
	<input type="text" name="foodname"><input id="search" type="button" value="觅食">
	<div id="fooddiv">
	</div>
</body>
</html>